@charset "UTF-8";
/**
 * 
 * @authors wu
 * @date    2017-06-04 10:39:39
 * @version 1.0.0
 */

/*-------------------------    start  ------------------------- */
html,body{ font-size: 125%; background-color: #f4f4f4;}
body{ font-family: "Microsoft Yahei", Arial, Verdana; padding: 0;}

ul{ margin: 0; padding: 0; list-style-type: none;}
li{list-style-type:none;}
.fl{ float: left;}
.fr{ float: right;}
.clearfix:after{ content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0;}
.clearfix{ *zoom: 1;}
.ell{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.breakAll{ word-break: break-all;}
.overflow{ overflow: hidden;}
.borderRadius{ border-radius: 50%;}
input,a{ outline: none; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0,0,0,0); text-decoration:none;}


/*-------------------------    end  ------------------------- */

/* 定位 */
.pa{ position: absolute;}
.pr{ position: relative;}
.pf{ position: fixed;}
/* block */
.db{ display: block;}
.dib{ display: inline-block;}
.dn{ display: none;}
/* text */
.textC{ text-align: center;}
.textL{ text-align: left;}
.textR{ text-align: right;}
/*background-color*/
.bgff{ background-color: #fff;}
.bgf0{ background-color: #f0f0f0;}
.bgf4{ background-color: #f4f4f4;}
/* border */
.border{ border: 2px solid #4c4739;}
.borderN{ border: none;}
.borderT{ border-top: 2px solid #4c4739;}
.borderB{ border-bottom: 2px solid #4c4739;}
/* 灰色背景层 */
.borderspace{ border-bottom: 0.25rem solid #f4f4f4;}
.borderTS{ border-top: 0.25rem solid #f4f4f4;}
/* border-radius */
.bRadius{ border-radius: 5px;}
/*font-size*/
/* .font18{ font-size: 0.5rem;}
.font20{ font-size: 0.55rem;}
.font22{ font-size: 0.6rem;}
.font24{ font-size: 0.65rem;}
.font26{ font-size: 0.7rem;}
.font28{ font-size: 0.8rem;}
.font30{ font-size: 0.83rem;}
.font32{ font-size: 0.85rem;}
.font34{ font-size: 0.94rem;}
.font36{ font-size: 0.96rem;} */
.font18{ font-size: 0.39rem;}
.font20{ font-size: 0.43rem;}
.font22{ font-size: 0.47rem;}
.font24{ font-size: 0.51rem;}
.font30{ font-size: 0.64rem;}
.font36{ font-size: 0.77rem;}
.font40{ font-size: 0.85rem;}
.normal{ font-weight: normal;}
.bold{ font-weight: bold;}
/*line-height*/
.line15{ line-height: 1.5;}
/*padding*/
.pad24{ padding: 2.4%;}
.pad40{ padding: 5.3%;}
.padT40{ padding-top: 5.3%;}
.padTB40{ padding-top: 5.3%; padding-bottom: 5.3%;}
.padLR40{ padding-left: 5.3%; padding-right: 5.3%;}
.padTB24{ padding-top: 2.4%; padding-bottom: 2.4%;}
.padLR24{ padding-left: 2.4%; padding-right: 2.4%;}
.padT24{ padding-top: 2.4%;}
.padB24{ padding-bottom: 2.4%;}
.pad375{ padding: 3.75%;}

.padT23{ padding-top: 2.3rem;}
.padB23{ padding-bottom: 2.3rem;}
/*margin*/
.mar24{ margin: 2.4%;}
.marTB24{ margin-top:2.4%; margin-bottom: 2.4%;}
.marT24{ margin-top: 2.4%;}
.marB24{ margin-bottom: 2.4%;}
.marL24{ margin-left: 2.4%;}
.marR24{ margin-right: 2.4%;}
.marT40{ margin-top: 5.3%;}
.marTB40{ margin-top: 5.3%; margin-bottom: 5.3%;}

.mar12{ margin: 1.2%;}
.marT12{ margin-top: 1.2%;}
.marB12{ margin-bottom: 1.2%;}
/*width*/
.w33 { width: 33%;}
.w100{ width: 100%;}

.wh45{ width: 0.95rem; height: 0.95rem;}
/*line-height*/
.line95{ line-height: 0.95rem;}
/*color*/
.colorR{ color:#fc3f44;}
.colorf6{ color:#ff6600;}

/*background-color*/
.bgf4{ background-color: #f4f4f4;}

/*背景层*/
.pop_bg{ position: fixed; top: 0; left: 0; z-index: 99; display: none; width: 100%; height: 100%; background-color: #000; opacity: 0.5; -webkit-opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50);}
.searchBg{ position: fixed; top: 0; left: 0; z-index: 95; display: none; width: 100%; height: 100%; background-color: #000; opacity: 0.5; -webkit-opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50);}
/*alert*/
.pop_box{ display: none; position: fixed; top: 25%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 104; width: 75%; background-color: transparent; border-radius: 5px;}

/* custom font */
@font-face{font-family:jxuefeng;src:url(../font/jxuefeng.ttf?1.0);font-weight:400;font-style:normal}

/* 320px */
@media screen and (min-width: 320px) {
	html{ font-size: 20px;}
}

/* 480px */
@media screen and (min-width: 480px) {
	html{ font-size: 30px;}
}

/* 750px */
@media screen and (min-width: 750px) {
	html{ font-size: 48px;}
}